<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>民族研究档案库</title>
		<link rel="stylesheet" type="text/css" href="./css/write-two.css" />
		<link rel="stylesheet" type="text/css" href="./css/personal-center.css" />
	</head>
	<body>
        <div class="back-bg"></div>
		<div id="app">
			<div class="header-view">
				<div class="header-item">
					<img src="./images/logo.png" class="logo">
					<div class="right-item">
						<div class="ele-btn ele-btn-fontread">类别</div>
						<span></span>
						<div class="ele-btn">登陆</div>
						<div class="ele-btn ele-btn-backread">注册</div>
					</div>	
				</div>
			</div>
			<div class="main-view">
				<div class="main-item">
                    <div class="login-title margin-bottom-60">
                        <img src="./images/personal-center/per-center-icon.png">
                    </div>
                    <div class="center-view">
                        <div class="view-left">
                            <ul>
                                <li data-page="basic.html"><p class="active">基本信息</p></li>
                                <li data-page="retrieval.html"><p>检索记录</p></li>
                                <li data-page="read.html"><p>阅读记录</p></li>
                                <li data-page="bookshelf.html"><p>我的书架</p></li>
                                <!-- <li data-page="read-info.html"><p>阅读信息</p></li> -->
                                <li data-page="set-password.html"><p>修改密码</p></li>
                            </ul>
                        </div>
                        <div class="view-right">
                            <iframe src="./basic.html" frameborder="0" width="100%"></iframe>
                        </div>
                    </div>
                </div> 
            </div>  
        </div>
        <div class="footer-view">
			<div class="great-wall">
				<img src="./images/index/changcheng-bg.png">
				<div class="bom-hr"></div>
			</div>
            <p><b>北京籍古轩图书数字技术有限公司制作发行</b></p>
            <p>旗下产品：中国数字方志库 / 中华科举库 / 中国艺术研究报刊库</p>
            <p><span>使用帮助</span> 丨 <span>使用协议</span> 丨 <span>注册协议</span></p>
        </div>
        
        <script src="./js/jquery.min.js"></script>
        <script src="./js/personal-center.js"></script>
        <script></script>
	</body>
</html>
